<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript"></script>
</head>

<body>
  <div th:fragment="wallDoor">
    <div class="wallDoor">
      <!-- 墙门管理模态框 -->
      <div class="cd-popup3 wallDoor-pop" id="wallDoorModal">
        <div class="cd-popup-container3 manageModal wallDoorStyle">
          <div class="modal-top"></div>
          <div class="modal-title">墙门管理</div>
          <div class="tableModal">
            <div class="searchBox">
              墙门地址：<input type="text" class="form-control wallDoorDateStyle wallDoorSearchInput notEmptyInput" placeholder="请输入墙门地址"/>
              <ul class="searchList" style="right: 447px; display: none;">
                <!-- TODO -->
                <li>通江高层小区1幢</li>
                <li>通江高层小区1幢</li>
              </ul>
              所属社区：
              <select class="form-control my-form-control wallDoorSelectStyle wallDoorSelect">

              </select>
              <span class="btnStyle wallDoorSearchBtn" id="wallDoorSearchBtn">搜索</span>
            </div>
            <div class="tableBox">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th width="40"><input type="checkbox" id="wallDoorTableSelectAll" /></th>
                    <th width="60">序号</th>
                    <th>墙门地址</th>
                    <th width="180">所属社区</th>
                    <th width="100">墙门内户数</th>
                    <th width="180">联系人姓名</th>
                    <th width="180">联系电话</th>
                    <th width="180">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><input type="checkbox" /></td>
                    <td>12</td>
                    <td>24字</td>
                    <td>2019-02-12 08:30</td>
                    <td>2019-02-12 08:30</td>
                    <td>发布中</td>
                    <td>
                      <span class="seeBtnStyle wallDoorEdit-trigger">查看详情</span>
                      <span class="positionBtn" id="wallDoorPositionBtn">定位</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <a href="javascript:;" class="cd-popup-close closeModal"></a>
          <!-- 分页 -->
          <div class="wallDoorPageBox pageBox" id="wallDoorPageBox">
            <ul class="pagination" id="wallDoorPage"></ul>
            <div class="pageJump">
              <span>跳转到</span>
              <input type="text" />
              <span>页</span>
              <button type="button" class="button btn btn-default">
                跳转
              </button>
            </div>
          </div>

          <div class="addBtn addWallDoor-trigger">添加</div>
          <span class="delete" id="wallDoorDelBtn"></span>
        </div>
      </div>

      <!-- 墙门 添加页面 -->
      <div class="cd-popup3 addWallDoor-pop" id="addWallDoorModal">
        <div class="cd-popup-container3 manageModal personManagementInfoAddPageModal addWallDoorStyle">
          <!-- 小叉 关闭按钮 -->
          <a class="cd-popup-close closeModal" href="javascript:;"></a>
          <div class="modal-title">墙门添加</div>
          <form class="personManagementInfoAddPageForm" id="addWallDoorForm" method="post" enctype="multipart/form-data">

            <div class="addWallDoorImg touxiang">
              <img class="pic opacity0" src="">
              <input class="upload" name="photoUrl" accept="image/*" type="file" style="display: none" name="file" />
              <span class="delTouxiang">-</span>
            </div>

            <div class="rowAdd form-group">
              <span>墙门地址 :</span>
              <input type="text" class="notEmptyInput address" name="address" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>墙门内户数 :</span>
              <input type="text" class="notEmptyInput personNum" name="personNum" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>联系人 :</span>
              <input type="text" class="notEmptyInput emergencyPeople" name="emergencyPeople" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>联系电话 :</span>
              <input type="text" class="notEmptyInput emergencyPhone" name="emergencyPhone" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>经度 :</span>
              <input type="text" class="notEmptyInput longitude" name="longitude" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>纬度 :</span>
              <input type="text" class="notEmptyInput latitude" name="latitude" autocomplete="off">
            </div>


            <div class="rowAdd form-group">
              <span>所属街道 :</span>
              <select class="form-control my-form-control bMInfoAddPageFormOrgList" name="orgId">
              </select>
            </div>
            <!-- 确定按钮 -->
            <button type="submit" id="addWallDoorBtn" class="personManagementInfoAddPageBtn personManagementInfoAddPageBtn-pop" style="background-color: #70abe1;border: none;">确定</button>
          </form>
        </div>
      </div>

      <!-- 墙门管理 修改 模态框 -->
      <div class="cd-popup3 editWallDoor-pop" id="editWallDoorModal">
        <div class="cd-popup-container3 manageModal personManagementInfoAddPageModal addWallDoorStyle">
          <!-- 小叉 关闭按钮 -->
          <a class="cd-popup-close closeModal" href="javascript:;"></a>
          <div class="modal-title">墙门修改</div>
          <form class="personManagementInfoAddPageForm" id="editWallDoorForm" method="post" enctype="multipart/form-data">

            <div class="editWallDoorImg touxiang">
              <img class="pic opacity0" src="">
              <input class="upload" name="photoUrl" accept="image/*" type="file" style="display: none" name="file" />
              <span class="delTouxiang">-</span>
              <input type="hidden" class="oldPhoto">
            </div>

            <div class="rowAdd form-group">
              <span>墙门地址 :</span>
              <input type="text" class="notEmptyInput address" name="address" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>墙门内户数 :</span>
              <input type="text" class="notEmptyInput personNum" name="personNum" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>联系人 :</span>
              <input type="text" class="notEmptyInput emergencyPeople" name="emergencyPeople" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>联系电话 :</span>
              <input type="text" class="notEmptyInput emergencyPhone" name="emergencyPhone" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>经度 :</span>
              <input type="text" class="notEmptyInput longitude" name="longitude" autocomplete="off">
            </div>
            <div class="rowAdd form-group">
              <span>纬度 :</span>
              <input type="text" class="notEmptyInput latitude" name="latitude" autocomplete="off">
            </div>

            <div class="rowAdd form-group">
              <span>所属街道 :</span>
              <select class="form-control my-form-control bMInfoAddPageFormOrgList" name="orgId">
              </select>
            </div>
            <!-- 确定按钮 -->
            <button type="button" class="personManagementInfoAddPageBtn allowEdit" style="background-color: #70abe1;border: none;">修改</button>
            <button type="submit" id="editWallDoorBtn" class="personManagementInfoAddPageBtn personManagementInfoAddPageBtn-pop" style="background-color: #70abe1;border: none;">确定</button>
          </form>
        </div>
      </div>

      <!-- 删除模态框 delCoonfirmTipModal -->
      <div class="cd-popup3 delTipCancelBox" id="wallDoorDelBox">
        <div class="cd-popup-container3 tipModal delCoonfirmTipModal">
          <div class="modal-title">确定删除?</div>
          <button type="button" class="btn btn-primary delCoonfirmTipConfirm delConfirm" style="background-color: #70abe1;border: none;">确定</button>
          <button type="button" class="btn btn-primary delCancel delTipCancelBtn" style="background-color: #70abe1;border: none;">取消</button>
        </div>
      </div>
    </div>
  </div>
</body>
</html>